<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="叮当一下是一家创新型专注于新零售的技术公司，持续为连锁零售业提供新零售转型支持。 提供了顾客到店、导购推销、购买凭证、离店维护和二次到店的整体解决方案，实现人效，坪效的双重提升。 我们对零售行业有着深刻的挖掘，专注为单店，连锁店提供个性化的服务。
            研发创新团队均来自互联网应用，人工智能，人脸识别，无人零售等专业领域，将人脸识别，大数据与零售管理流程深度结合。">
    <meta name="keywords" content="叮当一下,互联网应用,人工智能,人脸识别,无人零售,大数据,零售管理">
    <title>叮当一下</title>
    <link rel="icon" href="http://goods.mydingdian.com/FjCDfIbdCuzbK9-BYWoOQ2jHcwlE">
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <!-- <link href="https://cdn.bootcss.com/fullPage.js/2.9.7/jquery.fullpage.min.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="css/common.min.css">
    <link rel="stylesheet" href="css/index.min.css">
    <link rel="stylesheet" href="plugin/animations/css/animate.min.css">
    <script src="./plugin/jquery/jquery-1.8.3.min.js"></script>
    <script src="./plugin/jquery/jquery.fullPage.min.js"></script>
    <!-- <script src="https://cdn.bootcss.com/fullPage.js/2.9.7/jquery.fullpage.min.js"></script> -->
    <script>
        $(function() {
            $('#full').fullpage({
                navigation: true,
                scrollBar: true,
                // scrollingSpeed:500
                easing: "easeInOutCubic",
                // continuousVertical:true,
            }); 
        })
    </script>
</head>
<body>

		@@include('../../include/pc/nav.html',{"isActive":"index"}) 
		<div id="full">
            <div class="section">
                    @@include('../../include/pc/banner.html') 

            </div>
            <div class="section points">
                <div id="points">
                    <div class="container">
                        <div class="top">
                            <h1 class="wow fadeInDown animated"  data-wow-delay="0.4s">商家痛点</h1>
                            <h3 class="wow fadeInDown animated"  data-wow-delay="0.4s">BUSIESS PAIN POINTS</h3>
                        </div>
                        <div class="points-list">
                            <div class="list">
                                <div class="list-show wow fadeInLeft animated"  data-wow-delay="0.4s">
                                    <img src="./images/adult-art-conceptual-278312.jpg" alt="">
                                    <div class="model default">
                                        <div>
                                            <p>据统计45%的客户离开是因为</p>
                                            <p>服务不好</p>
                                            <p>如何让顾客感受到服务的温度？</p>
                                            <p>如何让导购员触达顾客的买点？</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-title wow fadeInRight animated" data-wow-delay="0.4s">
                                    <h3>老客户流失</h3>
                                    <p>Old customer loss</p>
                                    <i class="light"></i>                                
                                </div>
                            </div>
                            <div class="list change">
                                <div class="list-title wow  fadeInLeft animated" data-wow-delay="0.4s">
                                    <h3>关店潮</h3>
                                    <p>The shutters tide</p>
                                    <i class="light"></i>
                                </div>
                                <div class="list-show wow fadeInRight animated" data-wow-delay="0.4s">
                                    <img src="./images/arches-architecture-bar-305832.jpg" alt="">
                                    <div class="model">
                                        <div>
                                            <p>铁打的地段，流水的店</p>
                                            <p>时代已经变了</p>
                                            <p>服装零售将面临大洗牌</p>
                                        </div>
                                    </div>                                
                                </div>
                            </div>
                            <div class="list">
                                <div class="list-show wow fadeInLeft animated" data-wow-delay="0.4s">
                                    <img src="./images/adult-alone-black-and-white-551588.jpg" alt="">
                                    <div class="model default">
                                        <div>
                                            <p>恶劣的低价竞争</p>
                                            <p>假货横行的市场</p>
                                            <p>事物总会有误差</p>
                                            <p>物流问题多样性</p>
                                            <p>零基础信用等级</p>
                                        </div>
                                    </div>                                
                                </div>
                                <div class="list-title wow fadeInRight animated" data-wow-delay="0.4s">
                                    <h3>电商危机</h3>
                                    <p>Electricity crisis</p>
                                    <i class="light"></i>                                
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            
            </div>
            <div class="section increase">
                <div id="increase">
                    <div class="container">
                        <div class="top">
                            <h1 class="wow fadeInDown animated"  data-wow-delay="0.4s">叮当一下 · 新技术 · 新零售 · 新门店</h1>
                            <h3 class="wow fadeInDown animated"  data-wow-delay="0.4s">上百家品牌，过万家门店的共同选择</h3>
                        </div>
                        <div class="list">
                            <div>
                                <h4>营收提示</h4>
                                <strong><span>21</span>%</strong>
                                <img src="./images/jiantou.png" alt="">
                                <a href="">了解详情</a>
                            </div>
                            <div>
                                <h4>会员新增</h4>
                                <strong><span>33</span>%</strong>
                                <img src="./images/jiantou.png" alt="">
                                <a href="">了解详情</a>
                            </div>
                            <div>
                                <h4>老客户复购率</h4>
                                <strong><span>21</span>%</strong>
                                <img src="./images/jiantou.png" alt="">
                                <a href="">了解详情</a>
                            </div>
                            <div>
                                <h4>效率提高</h4>
                                <strong><span>100</span>%</strong>
                                <img src="./images/jiantou.png" alt="">
                                <a href="">了解详情</a>
                            </div>
                        </div>
                    </div>
                </div>
            
            </div>
            <div class="section">
                <div id="vip" class="clearfix">
                    <div class="container">
                        <div class="top">
                            <h1 class="wow fadeInDown animated"  data-wow-delay="0.4s">VIP进店识别</h1>
                            <h3 class="wow fadeInDown animated"  data-wow-delay="0.4s">VIP store identification</h3>
                        </div>
                        <div class="vip-txt wow  animated">
                            <div class="kuang-wrap">
                                <img class="kuang wow kuang-move animated" data-wow-delay="0.4s" src="./images/kuang.png" alt="">
                                <img class="line wow kuang-move animated"  data-wow-delay="0.4s" src="./images/line.png" alt="">
                                <i class="wow animated kuang-flash"  data-wow-delay="1.5s"></i>
                            </div>
                            <img class="people wow animated"  data-wow-delay="0.4s" src="./images/people.png" alt="">
                            <div class="txt wow bounceInLeft  animated" data-wow-delay="0.4s">
                                <p>TAYLOR VIP</p>
                                <p>年龄：24岁</p>
                                <p>累计消费：</p>
                                <p>17827元</p>
                                <p>喜欢颜色：</p>
                                <p>黑、白、灰</p>
                                <p>喜欢款式：</p>
                                <p>休闲、商务</p>
                                <p>尺码：M</p>
                                <p>上传进店</p>
                                <p>昨天</p>
                                <div>
                                    <a href="">查看最近购买记录</a>
                                    <a href="">查看最近进店记录</a>
                                </div>
                            </div>
                        </div>
                        <div class="vip-txt-other wow flipInX animated" data-wow-delay="0.4s">
                            <p>系统自动提示VIP进店</p>
                            <p>调用历史记录和信息</p>
                            <p>帮助导购和顾客提供优质服务</p>
                        </div> 
                    </div>
                </div>
            
            </div>
            <div class="section table" style="background: #191919">
                <div id="table">
                    <div class="container">
                        <div class="top">
                            <h1 class="wow fadeInDown animated"  data-wow-delay="0.4s">您与新零售之间只差 叮当一下</h1>
                            <h3 class="wow fadeInDown animated"  data-wow-delay="0.4s">YOUR ARE ONLY INFERIOR TO THE NEW RETAIL DINDANGYIXIA</h3>
                        </div>
                        <div class="form">
                            <strong class="clearfix">申请免费体验DEMO及详细产品说明</strong>
                            <div class="input wow bounceInRight animated" data-wow-delay="0.4s">
                                <input type="text" name="name" placeholder="称呼">
                                <input type="text" name="phone" placeholder="手机号码">
                                <input type="text" name="company" placeholder="企业名称">
                                <input type="text" name="number" placeholder="店铺数量">
                            </div>
                            <textarea class=" wow bounceInLeft animated" data-wow-delay="0.4s" name="detail" id="" cols="30" rows="10" placeholder="您还有什么其他想法呢？"></textarea>
                            <div class="time">
                                <span>希望我们什么时候联系您：</span>
                                <label>
                                    <input type="radio" checked name="time" value="0">
                                    <div><i></i></div>
                                    <span>工作日</span>
                                </label>
                                <label>
                                    <input type="radio" name="time" value="1">
                                    <div><i></i></div>                                
                                    <span>周末</span>
                                </label>
                                <label>
                                    <input type="radio" name="time" value="2">
                                    <div><i></i></div>
                                    <span>任意时间</span>
                                </label>
                            </div>
                            <button class="wow flipInY animated" data-wow-delay="0.4s" id="submit">提交申请</button>
                        </div>
                    </div>
                </div>
            
            </div>
            <div class="section brand">
                <div id="brand">
                    <div class="container">
                        <div class="top">
                            <h1 class="wow fadeInDown animated"  data-wow-delay="0.4s">合作品牌</h1>
                            <h3 class="wow fadeInDown animated"  data-wow-delay="0.4s">COOPERATION BRAND</h3>
                        </div>
                        <div class="brand-img">
                            <img class="wow zoomIn animated" data-wow-delay="0.2s" src="./images/ochirly.png" alt="">
                            <img class="wow zoomIn animated" data-wow-delay="0.4s" src="./images/levi's.png" alt="">
                            <img class="wow zoomIn animated" data-wow-delay="0.6s" src="./images/fiveplus.png" alt="">
                            <img class="wow zoomIn animated" data-wow-delay="0.8s" src="./images/peacebird.png" alt="">
                            <img class="wow zoomIn animated" data-wow-delay="1s" src="./images/adidas.png" alt="">
                        </div>
                    </div>
                </div>
            
                @@include('../../include/pc/footer.html')
            </div>
        </div>
        <!-- <div class="tips"></div> -->
        
        <!-- <script src="./plugin/jquery/jquery.lazyload.min.js"></script> -->
		<script src="plugin/animations/js/wow.min.js"></script>
        
        <script>
            var commonMethod = {
                increaseNumber: function (el, num) {
                    var now = 0
                    var timer = null
                    timer = setInterval(function () {
                        if (now >= num) {
                            now = num
                            clearInterval(timer)
                        } else {
                            if (num > 50) {
                                now += 4
                            } else {
                                now += 2
                            }
                        }
                        el.html(now)
                    }, 50)
                }
            }
            $(function () {
                
                var scrollTop = $('#points').offset().top 
                var increaseTop = $('#increase').offset().top                 
                var timerStart  = true
                
                //初始化滚动动画
                var wow = new WOW({
                    boxClass: 'wow',
                    animateClass: 'animated',
                    offset: 0,
                    mobile: true,
                    live: true
                });
                wow.init();
                $(window).scroll(function () {
                    var scrollTop = $(window).scrollTop()
                    if (scrollTop > increaseTop - 500) {
                        if (timerStart) {
                            timerStart = false
                            commonMethod.increaseNumber($('#increase span').eq(0),21)
                            commonMethod.increaseNumber($('#increase span').eq(1), 33)
                            commonMethod.increaseNumber($('#increase span').eq(2),21)
                            commonMethod.increaseNumber($('#increase span').eq(3),100)
                        }
                    }
                })
                
                $('#submit').click(function() {
                    var name = ($('input[name=name]').val()).replace(/^\s+|\s+$/g,'')
                    var phone = $('input[name=phone]').val()
                    var company = ($('input[name=company]').val()).replace(/^\s+|\s+$/g, '')
                    var number = $('input[name=number]').val()
                    var time = $('input[name=time]:checked').val()
                    var textarea = $('textarea').val()
                    console.log(name,phone,company,number,time,textarea)
                    var data = {
                         "data": {
                            "name": name,
                            "mobile": phone,
                            "companyName": company,
                            "remark": textarea,
                            "contactTime": time,
                            "storeNum": number
                        }
                    }
                    if (name.length < 2) {
                        alert('请输入您的称呼，称呼至少为两个字')
                    }else if (!/^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/.test(phone)) {
                        alert('请输入正确的手机号码')
                    }else if(company == ''){
                        alert('请输入公司名称')
                    }else if(number != '' && !/^[1-9](\d+)?$/.test(number)){
                        alert('店铺数量请输入数字')
                    }else{
                        $.ajax({
                            url: 'https://api.dingdian.xin/wxserver/consultation/addConsultation',
                            type: 'POST',
                            contentType: 'application/json; charset=utf-8', // 很重要
                            traditional: true,
                            data: JSON.stringify(data),
                            success: function (res) {
                                if (res.status && res.code == '0') {
                                    alert('申请成功')
                                    $('input').val('')
                                    $('textarea').val('')
                                }
                            }
                        })
                    }
                })
            })
            
        </script>
	</body>

</html>